<template>
    <!-- Hello,这不是主页 -->
   <div class="top">
    <div class="left">
        <RouterLink to="/user">用户</RouterLink><br>
        <RouterLink to="/content">内容</RouterLink><br>
        <RouterLink to="/title">标题</RouterLink>
     </div>
     <div class="rt">
        <RouterView></RouterView>
     </div>
   </div>
</template>
<style>
.left{
width: 200px;
background-color: rgb(150, 160, 157);
height: calc(100vh - 2px);
display: flex;
align-items: center;
flex-direction: column;
}
.top{
    display: flex;
    
}
a{
   color: rgb(216, 182, 138);
   text-decoration: none;
   margin: 30px;
   text-align: center;
}
a:hover{
    background-color: aqua;
}
.rt{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
</style>